<%--
  Created by IntelliJ IDEA.
  User: 14811
  Date: 2022-5-1
  Time: 10:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/common.jsp"%>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>东东旅游网</title>
    <!-- Bootstrap -->
    <link href="<%=path%>/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/common.css">
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/index.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>


<!--引入头部-->
<jsp:include page="header.jsp"/>
<!-- banner start-->
<section id="banner">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="2000">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <c:forEach items="${changeImgs}" var="changeImg">
                <li data-target="#carousel-example-generic" data-slide-to="${changeImg.pid}"></li>
            </c:forEach>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">

<%--            <div class="item" >--%>
<%--                <img src="<%=path%>/images/banner_1.jpg" alt="">--%>
<%--            </div>--%>

            <c:forEach items="${changeImgs}" var="changeImg">
                <div class="item <c:if test="${changeImg.pid==1}">active</c:if>" style="height: 400px;width: 1500px">
                    <img src="<%=path%>/file/download?filename=${changeImg.paddress}" alt="" width="1499px" height="399px" style="margin: auto">
                </div>
            </c:forEach>
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>
<!-- banner end-->
<!-- 旅游 start-->
<section id="content">
    <!-- 东东精选start-->
    <section class="hemai_jx">
        <div class="jx_top">
            <div class="jx_tit">
                <img src="<%=path%>/images/icon_5.jpg" alt="">
                <span>东东精选</span>
            </div>
            <!-- Nav tabs -->
            <ul class="jx_tabs" role="tablist">
                <li role="presentation" class="active">
                    <span> <a href="#test" aria-controls="test" role="tab" data-toggle="tab">推荐旅游</a></span>

                </li>
                <li role="presentation">
                    <span>
                        <a href="#popularity" aria-controls="popularity" role="tab" data-toggle="tab">人气旅游</a>
                    </span>

                </li>
                <li role="presentation">
                    <span>
                         <a href="#newest" aria-controls="newest" role="tab" data-toggle="tab">最新旅游</a>
                    </span>

                </li>
                <li role="presentation">
                    <span>
                        <a href="#theme" aria-controls="theme" role="tab" data-toggle="tab">主题旅游</a>
                    </span>

                </li>
            </ul>
        </div>
        <div class="jx_content">
            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="test">
<%--                    推荐旅游--%>
                    <div class="row">
                            <c:forEach items="${RecommendationRouteTravels}" var="route">
                                <div class="col-md-3">
                                    <a href="/pageController/toRouteDetail/${route.rid}/${route.cid}">
                                        <img src="<%=path%>/file/download?filename=${route.rimage}" alt="" width="275px" height="160px">
                                        <div class="has_border">
                                            <h3>${route.rname}</h3>
                                            <div class="price">网付价<em>￥</em><strong>${route.price}</strong><em>起</em></div>
                                        </div>
                                    </a>
                                </div>
                            </c:forEach>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="popularity">
<%--                    人气旅游--%>
                    <div class="row">
                        <c:forEach items="${popularity_routes}" var="route">
                            <div class="col-md-3">
                                <a href="/pageController/toRouteDetail/${route.rid}/${route.cid}">
                                    <img src="<%=path%>/file/download?filename=${route.rimage}" alt="" width="275px" height="160px">
                                    <div class="has_border">
                                        <h3>${route.rname}</h3>
                                        <div class="price">网付价<em>￥</em><strong>${route.price}</strong><em>起</em></div>
                                    </div>
                                </a>
                            </div>
                        </c:forEach>

                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="newest">
<%--                    最新旅游--%>
                    <div class="row">
                        <c:forEach items="${LatestTravelRoute}" var="route">
                            <div class="col-md-3">
                                <a href="/pageController/toRouteDetail/${route.rid}/${route.cid}">
                                    <img src="<%=path%>/file/download?filename=${route.rimage}" alt="" width="275px" height="160px">
                                    <div class="has_border">
                                        <h3>${route.rname}</h3>
                                        <div class="price">网付价<em>￥</em><strong>${route.price}</strong><em>起</em></div>
                                    </div>
                                </a>
                            </div>
                        </c:forEach>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="theme">
<%--                    主题旅游--%>
                    <div class="row">
                        <c:forEach items="${isThemeRoute}" var="route">
                            <div class="col-md-3">
                                <a href="/pageController/toRouteDetail/${route.rid}/${route.cid}">
                                    <img src="<%=path%>/file/download?filename=${route.rimage}" alt="" width="275px" height="160px">
                                    <div class="has_border">
                                        <h3>${route.rname}</h3>
                                        <div class="price">网付价<em>￥</em><strong>${route.price}</strong><em>起</em></div>
                                    </div>
                                </a>
                            </div>
                        </c:forEach>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 东东精选end-->
    <!-- 国内游 start-->
    <section class="hemai_jx">
        <div class="jx_top">
            <div class="jx_tit">
                <img src="<%=path%>/images/icon_6.jpg" alt="">
                <span>国内游</span>
            </div>
        </div>
        <div class="heima_gn">
            <div class="guonei_l">
                <img src="<%=path%>/images/guonei_1.jpg" alt="">
            </div>
            <div class="guone_r">
                <div class="row">
                    <c:forEach items="${tabRoutes}" var="route">
                        <div class="col-md-4">
                            <a href="<%=path%>/pageController/toRouteDetail/${route.rid}/${route.sid}">
                                <img src="<%=path%>/file/download?filename=${route.rimage}" alt="">
                                <div class="has_border">
                                    <h3>${route.rname}</h3>
                                    <div class="price">网付价<em>￥</em><strong>${route.price}</strong><em>起</em></div>
                                </div>
                            </a>
                        </div>
                    </c:forEach>
                </div>
            </div>
        </div>
    </section>
    <!-- 国内游 end-->
    <!-- 境外游 start-->
    <section class="hemai_jx">
        <div class="jx_top">
            <div class="jx_tit">
                <img src="<%=path%>/images/icon_7.jpg" alt="">
                <span>境外游</span>
            </div>
        </div>
        <div class="heima_gn">
            <div class="guonei_l">
                <img src="<%=path%>/images/jiangwai_1.jpg" alt="">
            </div>
            <div class="guone_r">
                <div class="row">
<%--                    境外游--%>
                    <c:forEach items="${OverseasTravelRoutes}" var="route">
                        <div class="col-md-4">
                            <a href="<%=path%>/pageController/toRouteDetail/${route.rid}/${route.sid}">
                                <img src="<%=path%>/file/download?filename=${route.rimage}" alt="">
                                <div class="has_border">
                                    <h3>${route.rname}</h3>
                                    <div class="price">网付价<em>￥</em><strong>${route.price}</strong><em>起</em></div>
                                </div>
                            </a>
                        </div>
                    </c:forEach>
                </div>
            </div>
        </div>
    </section>
    <!-- 境外游 end-->
</section>
<!-- 旅游 end-->
<!--导入底部-->
<div id="footer">
    <jsp:include page="footer.jsp"/>
</div>
</body>
</html>
